<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>


    </head>
    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <style>
                    #wrapper_top {
                        background: #b1b1b1;
                    }

                    #wrapper_top #hook_header_1{
                        position: relative;
                        height: 82px;
                        width:934px;
                        margin:0px auto;
                    }
                </style>
                <div id="hook_header_1">
                    <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_3"> 
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/hmenu/3/hmenu_3.css" />

                        <ul class="menu">
                            <li><a href="home.html">Home</a>
                            <li  class="active"><a href="#">About us</a>
                            <li><a href="#">Services</a>
                            <li><a href="#">Practices</a>
                            <li><a href="#">Resources</a>
                            <li><a href="gallery.html">Gallery</a>
                            <li class="last"><a href="contact.html">Contact Us</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                </div><!-- End #hook_header_1 -->

                <div id="hook_header_2">
                    <style>
                        #hook_header_2 {
                            height:151px;
                            position:relative;
                            width:934px;
                            margin:0px auto;
                            background: #3B474D;
                        }
                    </style>
                    <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                    <div id="logo_wi_1" class="logo_2"> 
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/logo/2/logo_2.css" />

                        <h1>
                            privator
                        </h1>
                        <h3>
                            Lawyer Bureau
                        </h3>

                    </div>
                    <!--END LOGO WIDGET--> 

                    <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->

                    <div id="search_bar_wi_1" class="search_bar_2"> 
                        <!--Load css of widget-->
                        <link rel="stylesheet" type="text/css" href="../../widget/search_bar/2/search_bar_2.css" />

                        <div class="wrapper_searchForm">
                            <form id="searchForm" class="searchForm" action="#" method="post">
                                <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                            </form>
                        </div><!-- End .wrapper_searchForm -->

                    </div>
                    <!--END SEARCH WIDGET--> 
                </div><!-- End #hook_header_2-->
            </div><!-- End #wrapper_top -->

            <div id="wrapper_main">
                <style>
                    body{
                        background: #eeeee9;
                    }

                    #wrapper_main{
                        width:934px;
                        margin:0px auto;
                        margin-bottom: 20px;

                    }

                    #main_col_left {
                        width:655px;
                        float:left;
                    }

                    #main_col_left #hook_sidebar {
                        width:100%;
                    }

                    #main_col_right {
                        float: right;
                        padding: 35px 0 0;
                        width: 250px;
                    }

                    #main_col_right #hook_news {
                        width:100%;
                    }


                </style>

                <div id="main_col_left">
                    <div id="wrapper_breadcrumbs">
                        <style>
                            #wrapper_breadcrumbs{
                                margin-bottom:20px;
                            }

                        </style>
                        <!--BREADCRUMBS WIDGET [slug:breadcrumbs, library:1, widget instance:1]-->
                        <div id="breadcrumbs_wi_1" class="breadcrumbs_1"> 
                            <!--Load css of widget-->
                            <link rel="stylesheet" type="text/css" href="../../widget/breadcrumbs/1/breadcrumbs_1.css" />

                            <ul class="breadcrumbs">
                                <li><a href="#">Home</a></li>
                                <li class="current"><a href="#">About Us</a></li>
                            </ul>
                        </div>
                        <!--END BREADCRUMBS WIDGET--> 
                    </div><!--End #wrapper_breadcrumbs-->

                    <div id="hook_information">
                        <!--HTML COLUMN HEADER WIDGET [slug:html_column_header, library:0, widget instance:1]-->
                        <div id="html_column_header_wi_1" class="column_header_0"> 
                            <!--Load css of widget-->
                            <link rel="stylesheet" type="text/css" href="../../widget/html/0/column_header_widget/column_header_0.css" />
                            <h1>Resources For</h1>
                        </div>
                        <!-- End HTML COLUMN HEADER WIDGET -->

                        <!--NEWS FEATURE WIDGET [slug:news_feature, library:1, widget instance:1]-->
                        <div id="news_feature_wi_1" class="news_feature_1"> 
                            <link rel="stylesheet" type="text/css" href="../../widget/news_feature/1/news_feature_1.css" />
                            <div class="news_block">
                                <h2 class="news_title">Choose Us</h2>
                                <img src="images/resource/news_image.png" alt="#" />
                                <p class="news_description">Lorem ipsum dolor sit amet, consectetu adipiscing elit. 
                                    Praesent vestibulum molestie lacus aenean nonummy.
                                </p>
                                <p class="news_content">Health insurance coverage and the cost of healthcare have received considerable attention in recent years. We provide detailed information on the percent of workers whose employers offer health insurance plans and the percent of workers who participate in them. We also provide information on the types of services these plans cover and the out-of-pocket costs that workers must pay for premiums, copayments, coinsurance, and deductibles. We publish information on employers’ costs to provide health insurance and changes in these costs. We also measure inflation in the cost of medical services and commodities that consumers purchase directly. 
                                </p>

                            </div><!-- End .news_block -->

                        </div><!-- End NEWS FEATURE WIDGET -->

                        <!--IMAGE LINK WIDGET [slug:image_link, library:0, widget instance:1]-->
                        <div id="image_link_wi_1" class="image_link_0"> 
                            <link rel="stylesheet" type="text/css" href="../../widget/image_link/0/image_link_0.css" />
                            <h2 class="image_link_header">Our Work teams</h2>
                            <ul class="image_link_list">
                                <li>
                                    <img src="http://soha2.vcmedia.vn/zoom/130_130/image/JGPEWCGQ/0.jpg?filename=maria_ozawa_-_nu_hoang_bi_that_sung_-_soha_thong_tin.jpg" alt="" />
                                    <p class="image_title">Maria Ozawa</p>
                                    <p class="image_description">Legend</p>
                                </li>

                                <li>
                                    <img src="http://soha2.vcmedia.vn/zoom/130_130/image/J44GP93M/0.jpg?filename=le_van_luyen_se_bi_xet_xu_trong_hai_ngay_-_-_soha_thong_tin.jpg" alt="" />
                                    <p class="image_title">Văn Luyện</p>
                                    <p class="image_description">Gold, Hunter, Muderer</p>
                                </li>

                                <li>
                                    <img src="http://soha2.vcmedia.vn/zoom/130_130/image/LK6QA658/1.jpg?filename=chuyen_cua_sao_tuoi_thin_ca_si_hoang_thuy_linh_khong_ai_la_hoan_hao_-_soha_thong_tin.jpg" alt="" />
                                    <p class="image_title">Hoàng Thùy Linh</p>
                                    <p class="image_description">Legend</p>
                                </li>

                                <li class="last">
                                    <img src="http://soha2.vcmedia.vn/zoom/130_130/image/LDFR9YWY/0.jpg?filename=ngoc_trinh_lo_mieng_dan_nguc_silicon_-_soha_thong_tin.jpg" alt="" />
                                    <p class="image_title">Ngọc Trinh</p>
                                    <p class="image_description">Bitch</p>
                                </li>
                            </ul>


                        </div><!-- End IMAGE LINK WIDGET -->
                    </div><!-- End #hook_information -->
                </div><!-- End #main_col_left -->

                <div id="main_col_right">
                    <div id="hook_sidebar">
                        <!--HTML COLUMN HEADER WIDGET [slug:html_column_header, library:0, widget instance:1]-->
                        <div id="html_column_header_wi_1" class="column_header_0"> 
                            <!--Load css of widget-->
                            <link rel="stylesheet" type="text/css" href="../../widget/html/0/column_header_widget/column_header_0.css" />
                            <h1>How can we help you?</h1>
                        </div>
                        <!-- End HTML COLUMN HEADER WIDGET -->

                        <!-- TEXT LINK WIDGET [slug:text_link, library:0, widget instance:1] -->
                        <div id="text_link_wi_1" class="text_link_0"> 
                            <style>
                                .text_link_0 {
                                    width:100%;
                                    overflow: hidden;
                                }

                                .text_link_0 .text_link_block{
                                    width:100%;
                                    overflow: hidden;
                                    margin-top: 10px;
                                    margin-bottom: 10px;
                                    padding-bottom: 15px;
                                    background: url(images/news_block_divider.png) repeat-x bottom;
                                }
                                
                                .text_link_0 .last{
                                   
                                    background: none;
                                }

                                .text_link_0 .text_link_block p.image_title{
                                    text-align: center;
                                    margin-bottom: 10px;

                                }

                                .text_link_0 .text_link_block p.image_title a:link, .text_link_0 .text_link_block p.image_title a:visited{
                                    font: 15px 'Lusitana', serif;
                                    color: #50b9ea;
                                }

                                .text_link_0 .text_link_block p.image_title a:hover{
                                    color: #828383;
                                }

                                .text_link_0 .text_link_block p.image_description{
                                    text-align: justify;
                                    font: 13px Tahoma;
                                    color: #828383;
                                    margin-bottom: 15px;

                                }

                                .text_link_0 .text_link_block .read_more{
                                    padding-left: 15px;
                                    background: url(images/read_more_icon.png) no-repeat left;

                                }

                                .text_link_0 .text_link_block .read_more a:link, .text_link_0 .text_link_block .read_more a:visited{
                                   font: 11px Tahoma;
                                   color: #4d4848;
                                }
                                
                                .text_link_0 .text_link_block .read_more a:hover{
                                  
                                   color: #888888;
                                }
                            </style>
                            <div class="text_link_block">
                                <p class="image_title"><a href="#">Bussiness</a></p>
                                <p class="image_description">Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam</p>
                                <div class="read_more"><a href="#">See more</a></div><!-- End .read_more --> 
                            </div><!--End .text_link_block-->

                            <div class="text_link_block">
                                <p class="image_title"><a href="#">Bussiness</a></p>
                                <p class="image_description">Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam</p>
                                <div class="read_more"><a href="#">See more</a></div><!-- End .read_more --> 
                            </div><!--End .text_link_block-->

                            <div class="text_link_block">
                                <p class="image_title"><a href="#">Bussiness</a></p>
                                <p class="image_description">Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam</p>
                                <div class="read_more"><a href="#">See more</a></div><!-- End .read_more --> 
                            </div><!--End .text_link_block-->

                            <div class="text_link_block last">
                                <p class="image_title"><a href="#">Bussiness</a></p>
                                <p class="image_description">Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam</p>
                                <div class="read_more"><a href="#">See more</a></div><!-- End .read_more --> 
                            </div><!--End .text_link_block-->


                        </div><!-- End TEXT LINK WIDGET -->

                    </div><!-- End #hook_sidebar -->
                </div><!-- End #main_col_right -->
                <div class="clear"></div>
            </div><!-- End #wrapper_main -->

            <div id="wrapper_bottom">
                <div id="hook_footer">
                    <style>
                        #wrapper_bottom{
                            background: url(images/footer_bg.png) repeat-x;
                        }

                        #hook_footer{
                            width:983px;
                            margin:0px auto;

                        }
                    </style>
                    <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->

                    <div id="footer_wi_1" class="footer_1"> 
                        <link rel="stylesheet" href="../../widget/footer/1/footer_1.css" type="text/css" media="screen" />
                        <div class="footer_left">
                            <div class="footer_logo">
                                <h1>
                                    privator
                                </h1>
                                <h3>
                                    Lawyer Bureau
                                </h3>
                            </div><!--End .footer_logo-->

                        </div><!--End .footer_left-->

                        <div class="footer_right">
                            <ul class="small_nav_1">
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li class="last"><a href="#">Personal information</a></li>
                            </ul>

                            <ul class="small_nav_2">
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Contact</a></li>
                                <li class="last"><a href="#">Personal information</a></li>
                            </ul>

                            <div class="footer_bottom">
                                <div class="copyright">
                                    <p>
                                        ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                    </p>
                                </div><!--End .copyright -->

                                <div class="social_network">
                                    <ul>
                                        <li><a href="#"><img src="images/youtube_icon.png" alt="youtube"/></a></li>
                                        <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"/></a></li>
                                        <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"/></a></li>
                                        <li><a href="#"><img src="images/rss_icon.png" alt=""/></a></li>
                                        <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"/></a></li>
                                    </ul>
                                </div><!--End .social_network -->
                                <div class="clear"></div>
                            </div><!--End .footer_bottom -->
                        </div><!--End .footer_right-->
                        <div class="clear"></div>
                    </div>
                    <!--END FOOTER WIDGET--> 
                </div><!-- End #hook_footer -->
            </div><!--End #wrapper_bottom-->
        </div>
        <!--END wrapper-->
    </body>
</html>